<template>
  <div>
    <van-cell 
      center
      :title="name" 
      :label="`${label} - ${name}`"
      >
        <template #right-icon>
          <van-icon name="play-circle-o" size='0.6rem' @click="playFn"/>
        </template>
      </van-cell>
  </div>
</template>

<script>
export default {
  props:{
    name:String,
    label:String,
    id:Number
  },
  methods:{
    playFn(){
      this.$router.push({
        path:'/play',
        query:{
          id:this.id
        }
      })
    }
  }
};
</script>

<style scoped>
/* 给单元格设置底部边框 */
.van-cell {
  border-bottom: 1px solid lightgray;
}
</style>